@charset "utf-8";
/* CSS Document */
*{ font-family:arial,Helvetica,sans-serif;}
body{ margin:0;}
ul{ margin:0; padding:0;}
li{ list-style:none;}
img{border:0;}
dl,dd{ margin:0;}
p{ margin:0;}
input{ margin:0; padding:0; outline:none; border:none;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
button{ border:none; outline:none;cursor: pointer;}
textarea{ outline:none;resize:none;}
select{ outline:none;}
table {
    border-spacing: 0;
    border-collapse: collapse;
}

.clearfix{ clear:both;}
html{height: 100%;width: 100%;overflow-x: hidden}
body{width: 100%;min-height: 100%;overflow-x: hidden;}
.container-width{width: 1200px;margin: 0 auto;}
.layui-layer-imguide{display: none}
.layui-layer-imgtit em{display: none}

/*自定义css*/
/*header*/
.header{position:fixed;left:0;right:0;top:0;height: 68px;background-color:rgba(88, 88, 88, 0.44);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index: 9999999}
.header.shadow{box-shadow:0 2px 30px rgba(0,0,0,0.1)}
.header.cur{transform:translate(0,-88px)}
.header.curBg{background-color: #fff;box-shadow: 0 2px 20px rgba(0,0,0,0.1)}
.logo-box{float: left;background-image: url("../images/website/logo.png");background-repeat: no-repeat;background-size: auto 23px;background-position: center center;width: 154px;height: 68px;}
.nav-box{float: right;}
.nav-box .layui-nav{background-color: transparent}
.nav-box .layui-nav .layui-nav-item{line-height: 68px;}
.nav-box .layui-nav .layui-nav-item >a:hover, .nav-box .layui-nav .layui-this >a{color: #0166FF;background-color: rgba(19, 85, 234, 0.16)}
.nav-box .layui-nav .layui-this:after, .nav-box .layui-nav-bar{background-color:#0166FF;height: 1px;}
.curBg .logo-box{background-image: url("../images/website/logo2.png")}
.curBg .layui-nav .layui-nav-item a{color: #333333}
.curBg .layui-nav .layui-nav-item >a:hover,.curBg  .nav-box .layui-nav .layui-this >a{color: #0166FF;background-color: rgba(19, 85, 234, 0.16)}
/*.nav-box dd{background-color: #fff;}*/
.nav-box dd.layui-this a{background-color: #fff!important;color: #333!important;}

/*返回顶部*/
.back-top{position: fixed;z-index: 999999;bottom: 50px;right: 20px;width: 58px;height: 58px;background-color: #fff;border-radius: 50%;background-image: url("../images/website/backTop.png");background-repeat: no-repeat;background-size: 100% 100%;display: none;cursor: pointer}
.back-top:hover{opacity: 0.8}

/*首页*/
.page-home{position:relative;overflow:hidden;width: 100%;height: 100vh}
.page-home video{width: 100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:2;object-fit:cover;}
.page-home-title{color: #fff;position: absolute;width: 600px;text-align: center;top: 50%;margin-top: -50px;z-index: 3;left: 50%;margin-left: -300px;}
.page-home-title h1{font-size: 36px;margin-bottom: 20px}
.page-home-title p{font-size: 16px;line-height: 30px;}
.page-home .video-m{display: none}

/*解决方案轮播*/
.solution-box{width: 100%;height: 100vh;}
.layui-carousel{background-color: #fff;}
.layui-carousel>[carousel-item]>*{background-color: #fff}
.layui-carousel>[carousel-item]:before{display: none}
.carousel-bg{height: 100%;position: relative;background-image: url("../images/website/banner-bg.png");background-repeat: no-repeat;background-position: bottom 0 center;background-size: 100% 50%}
.carousel-bg img{width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: 50%;margin-top: -185px}
.h-m{display: none;width: 100%;}

/*轮播新闻*/
.news-new{height: 250px;position: relative;padding-right: 620px;}
.news-left{padding: 15px 0;display: block}
.news-left h1{font-size: 34px;color: #333333;line-height: 60px;}
.news-left p{font-size: 20px;color: #0166FF;line-height: 30px;overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-right{position: absolute;top: 0;right: 0;width: 500px;height: 250px;overflow: hidden;display: flex;align-items: center;}
.news-right img{width: 100%;}
.news-right:hover{opacity: 0.8}
.news-carousel .layui-carousel-ind{text-align: left}
.news-carousel .layui-carousel-ind ul{background-color: transparent}
.news-carousel .layui-carousel-ind li{background-color: #D9D9D9}
.news-carousel .layui-carousel-ind li.layui-this{background-color: #0166FF}
.news-carousel .layui-carousel-ind{width: 100px;top: -100px;margin-left: -7px}
.news-line{height: 1px;background-color: #D9E4FC;margin: 15px 0;}
.news-left:hover h1{text-decoration: underline;}
.news-left:hover p{text-decoration: underline;}

/*产品谱系*/
.px-li{margin-bottom: 60px;}
.px-li >li{width: 48%;margin: 0 1%;float: left;box-sizing: border-box;background-color:#F7F8FC ;border: 1px solid #D5E0EF;height: 70px;background-repeat: no-repeat;background-position: center center;background-size: auto 50px;border-radius: 4px;cursor: pointer}
.px-li >li.cur{background-color: #2F80ED;border-color: #2F80ED}
.img-zb{background-image: url("../images/website/img-zpro2.png");}
.img-zt{background-image: url("../images/website/img-ztop2.png");}
.img-zb.cur{background-image: url("../images/website/img-zpro.png");}
.img-zt.cur{background-image: url("../images/website/img-ztop.png");}
.sb-li{margin-bottom: 20px}
.sb-li>li{width: 31.3333%;margin: 0 1%;float: left;box-sizing: border-box;height: 512px;background-repeat: no-repeat;background-position: center center;background-size: auto 100%;cursor: pointer;transition:all 0.5s;}
.sb-li>li:hover{transform:scale(1.05)}
.img-cgq{background-image: url("../images/website/img-cgq.png");}
.img-cgq2{background-image: url("../images/website/img-cgq3.png");}
.img-znzb{background-image: url("../images/website/img-znzb.png");}
.img-sf{background-image: url("../images/website/img-sf.png");}
.img-zsk{background-image: url("../images/website/img-zsk.png");}
.img-cgq.cur{background-image: url("../images/website/img-cgq2.png");}
.img-cgq2.cur{background-image: url("../images/website/img-cgq4.png");}
.img-znzb.cur{background-image: url("../images/website/img-znzb2.png");}
.img-zsk.cur{background-image: url("../images/website/img-zsk2.png");}
.img-sf.cur{background-image: url("../images/website/img-sf2.png");}

.sb-box{position: relative}
.sb-box::before{position: absolute;content: '';left: 50%;margin-left: -600px;width: 1200px;height: 1px;background-color: #E0E0E0;}

.jt-li{display: flex;}
.jt-li>li{margin-right: 20px;color: #4F4F4F;height: 90px;display: flex;align-items: center;box-sizing: border-box;cursor: pointer}
.jt-li>li.cur{color: #0166FF;border-top: 3px solid #2F80ED;}
.jt-li>li:hover{color: #0166FF}
.jt-box{background-image: url("../images/website/img-tu-bg.png");background-repeat: no-repeat;background-position: top 20px center;background-size: 100% 100%;}
.jt-box>li{position: relative;padding-left: 445px;box-sizing: border-box;height: 715px;}
.blue-content{position: absolute;top: 0;left: 0;}
.blue-content>h1{font-size: 42px;color: #333;margin-bottom: 20px;}
.blue-box{width: 445px;height: 670px;display: flex;align-items: center;border-radius: 24px;box-sizing: border-box;background: #2F80ED;box-shadow: 4px 5px 6px 0px rgba(66, 129, 202, 0.25);padding: 0 40px 0 48px;}
.blue-box>div>li{margin-bottom: 25px;position: relative;padding-left: 73px;}
.blue-xh{position: absolute;left: 0;top:0;width: 48px;height: 42px;display: block;line-height: 48px;text-align: center;color: #2F80ED;font-size: 24px;background-image: url("../images/website/img-xh.png");background-repeat: no-repeat;background-position: center center;background-size: 100% 100%}
.blue-box h1{font-size: 26px;color: #fff;line-height: 36px;margin-bottom: 5px;}
.blue-box h2{font-size: 16px;color: #fff;}
.blue-line{border-bottom: 1px solid #f2f2f2;padding-bottom: 25px}

/*表格新闻*/
.tf-table-card{margin: 0;border: 0;}
.tf-table-card .layui-table{background-color: rgba(255,255,255,0)}
.tf-table-card .layui-table-header{display: none;}
.tf-table-card .layui-table-box{padding-bottom: 10px;}
.tf-table-card table{ width: 100%; display: block;}
.tf-table-card table tbody{ width: 100%; display: block;}
.tf-table-card tbody tr{float: left;width: 24%;margin-left: 0.5%;margin-right: 0.5%;margin-bottom: 20px;border: 0;box-sizing: border-box;cursor: pointer;}
.tf-table-card table tr td{width: 100%; display: block;}
.tf-table-card .layui-table-page{padding:0;text-align: center;border: 0;position: absolute;left: -60px;right:-60px;width: auto;top: 50%;margin-top: -40px;height: 0;min-height: 0;overflow: visible}
.tf-table-card .layui-laypage-prev{position: absolute;left: 20px;top: 0;width: 54px;height: 54px!important;line-height: 54px!important;background-color: #EBEBEB!important;border-radius: 50%!important;padding: 0!important;}
.tf-table-card .layui-laypage-next{position: absolute;right: 20px;top: 0;width: 54px;height: 54px!important;line-height: 54px!important;background-color: #EBEBEB!important;border-radius: 50%!important;padding: 0!important;}
.tf-table-card a:hover{opacity: 0.8}
.tf-table-card .layui-table-pageview{width: 100%;}
.tf-table-card .layui-table-page .layui-icon{font-size: 30px;color: #fff;}
.tf-table-card .layui-table-page .layui-disabled .layui-icon{color: #d2d2d2!important}
.tf-table-card .layui-table-page .layui-laypage{width: 100%;}
.tf-table-card .layui-table-page a:hover .layui-icon{color:#0166FF;}
.tf-table-card .layui-table-page a:hover .layui-disabled .layui-icon:hover{color: #d2d2d2!important}
.tf-table-card .layui-table-body .layui-table[lay-size=lg] .layui-table-cell{height: auto;width: auto;line-height: 20px;padding: 5px 15px 5px 15px;color: #1c293c;}
.tf-table-card .layui-table-body .layui-table[lay-size=lg] tr td:first-child .layui-table-cell{padding-top: 15px;}
.tf-table-card .layui-table-body .layui-table[lay-size=lg] tr td:last-child .layui-table-cell{padding-bottom: 15px;}
.tf-card-img{width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center}
.tf-card-img img{height: 100%;max-width: 10000px;transition:all 0.5s;}
.tf-table-card .layui-table-body .layui-table[lay-size=lg] .layui-table-col-special .layui-table-cell{padding: 8px 0 18px 0;}
.tf-table-card .layui-table tbody tr.layui-table-click,.tf-table-card .layui-table tbody tr.layui-table-hover{background-color: transparent;}
.tf-table-card .layui-table tbody tr.layui-table-hover img{transform:scale(1.3)}
.tf-table-card-bg tbody tr{background-color: #fff;}
.tf-table-no-hover .layui-table tbody tr.layui-table-click{background-color: transparent!important;}
.tf-table-no-hover .layui-table tbody tr.layui-table-hover{background-color: transparent!important;}
.tf-table-card .layui-table-cell{white-space: normal;word-break: break-all;padding:5px 0!important; }
.tf-table-card .layui-table-grid-down{display: none}
.ly{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 14px;color: #4F4F4F}
.fbsj{font-size: 23px;color: #333}


/*关于我们*/
.about-box{height: 430px;padding-top: 180px;box-sizing: border-box;background-image: url("../images/website/about.png");background-repeat: no-repeat;background-size: 100% 100%;}
.about-box h1{font-size: 42px;color: #fff;text-align: center;margin-bottom: 30px}
.about-box h2{font-size: 22px;color: #fff;text-align: center;}
.about-company{padding: 120px 460px 130px 0;position: relative}
.about-company h1{font-size: 30px;color: #4B7BFC}
.about-company h2{font-size: 16px;color: #4B7BFC;width: 480px;text-align: center;margin-bottom: 40px}
.about-company p{font-size: 20px;color: #333;line-height: 30px;}
.about-company img{position: absolute;top: 70px;right: 0;z-index: 2;}
/*企业荣誉*/
.qyry-title{color: #333;font-size: 42px;text-align: center;line-height: 180px;}
.qyry-bg{margin-bottom: 25px;background-image: url("../images/website/img-point.png");background-size: 100% auto;background-repeat: no-repeat;background-position: bottom 0 center}
.qyry-box li{float: left;height: 85px;width: 16.6666%;margin-bottom: 45px}
.qyry-box img{height: 68px;display: block;margin: 0 auto;max-width: 100%;}
.qyry-box p{font-size: 16px;text-align: center}
.qyry-box .ddb{display: flex;align-items: flex-end;justify-content: center}
.ddb p{width: 164px;padding: 0 32px 6px 32px;box-sizing: border-box;text-align: center;display: flex;align-items: center;justify-content: center;background-image: url("../images/website/qyry.png");background-repeat: no-repeat;background-position: bottom 0 center;background-size: 100% auto;}
/*计数动画*/
.total-jssj{ text-align: center;margin: 20px 0}
.total-jssj li{display: inline-block;margin: 0 40px;}
.total-jssj h1{font-size:24px;color:#e60012;text-align:left;}
.total-jssj h1 div{display: inline-block;font-size:50px; line-height:normal;font-weight:bold;background: linear-gradient(89deg, #52A3FF 4.71%, #4B7BFC 96.76%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.total-jssj h1 span{font-size:18px;position:relative;top:0;vertical-align: top;background: linear-gradient(89deg, #52A3FF 4.71%, #4B7BFC 96.76%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
/*荣誉滚动*/
.gd{height: 400px;overflow:hidden;width: 100%}
.gd li{margin:0 10px;padding:10px 0;display:inline;text-align:center;float: left;}
.gd-box{text-align:center;width:240px;height:400px;color: #333;font-size: 16px;}
.gd-box img{display:block;transition:all 0.5s;width: 160px;height: 223px;margin:auto}
.gd li:hover .gd-box img{transform:scale(1.1)}
.gd-line{height: 1px;background-color: #E0E0E0;margin: 20px 0;}


/*业务分布*/
.map-box{background-image: url("../images/website/map.png");background-repeat: no-repeat;background-size: 100% 100%;}
.map{width: 100%;height: 570px;}
.tf-visual-map{background-color: transparent!important;}
.tf-visual-map .leaflet-tile-container{display: none}
.tf-visual-map .leaflet-popup-content-wrapper, .tf-visual-map .leaflet-popup-tip {
    border: 1px solid rgba(49, 122, 227, 1);
    background: rgba(49, 122, 227, 0.7);
    color: #fff;
    box-shadow: none;
}
.tf-visual-map .leaflet-popup-content-wrapper{border-radius: 0;}
.tf-visual-map .leaflet-popup{margin-bottom: 20px;}
.tf-visual-map h1{font-size: 16px;}
.tf-visual-map h2{font-size: 14px;}
/*地图图标*/
.map-left{position: absolute;left: 0;top: 0;z-index: 2;}
.my-map-icon{width: 29px;height: 40px;font-size: 12px;color: #fff;white-space: nowrap;text-shadow:1px 1px 3px rgba(0, 0, 0, 0.8);text-align: center;background-image: url("../images/website/marker.png");background-repeat: no-repeat;background-position: bottom 0 center;}
.map-icon-box{position: relative;width: 60px;height: 60px;float: left;margin-top: 10px;margin-right: 20px;text-align: center;line-height: 60px}
.map-icon {width: 60px;height: 60px;position: absolute;z-index: 1;top: 0;left: 0;background-image: url("../images/website/map-icon.png");background-size: cover;animation: rotate 5s infinite linear;}
.map-icon-box img{width: 22px;}
.map-left h1{font-size: 42px;color: #fff;line-height: 140px;}
.map-left ul{margin-left: 140px;width: 240px;}
.map-left h2{color: rgba(255, 255, 255, 0.80);font-size: 20px;margin-bottom: 10px}
.map-left h3{font-size: 16px;color: #fff;}
.map-left h3 span{font-size: 40px;}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*页脚*/
.footer{background-color: #192238;color: #fff;font-size: 16px;}
.footer h1{font-size: 50px;line-height: 150px}
.footer p{line-height: 28px;}
.line{margin-top: 70px;padding: 30px 0;color: #fff;border-top: 1px solid #fff;font-size: 14px;}
.line a{color: #fff;}
.img1{padding-left: 25px;background-repeat: no-repeat;background-position: left 0 center;background-image: url("../images/website/bk_logo.png");}
.footer-logo{width: 154px;height: 23px;background-image: url("../images/website/logo.png");background-repeat: no-repeat;background-size: auto 23px;}
.footer-code{width: 76px;height: 76px;background-image: url("../images/website/code.png");background-repeat: no-repeat;background-size: auto 76px;margin: 40px auto 0 auto}
.footer li{float: left;}
.footer li a{text-align: center;display: block;color: #fff;line-height: 30px;}
.a-title{font-size: 18px;margin-bottom: 10px;}

.mobile-nav-btn{display: none;}
.fa-close:before{
    content: "\f00d";
}
.curBg .mobile-nav-btn{color: #333;}
.mask-box{position: fixed;background-color: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom: 0;z-index: 9999998;}
.over-hide{overflow: hidden}
@media(max-width:1250px){
    .container-width{width:95%}
    .carousel-bg img{width: 95%;left: 2.5%;margin-left: 0;top: 50%;margin-top: -185px}
    .tf-table-card .layui-laypage-prev{left: 40px;}
    .tf-table-card .layui-laypage-next{right: 40px;}
}

@media(max-width: 767px){
    .mobile-nav-btn{float: right;position: relative;display: block;width: 70px;padding-right: 10px;box-sizing: border-box;height: 68px;color: #fff;font-size: 24px;text-align: right;line-height: 68px}
    .mobile-nav-btn-arrow::before{
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        bottom: 0;
        right: 10px;
    }
    .nav-box .layui-nav-tree{width: 130px;background-color: #fff;box-shadow: 0px 0px 14.4px 0.6px rgba(0, 0, 0, 0.2)}
    /*.curBg .nav-box .layui-nav-tree{background-color: #fff;box-shadow: 0px 0px 14.4px 0.6px rgba(0, 0, 0, 0.2)}*/
    .nav-box .layui-nav-tree .layui-nav-item a{color: #333333!important;}
    .nav-box .layui-nav-tree .layui-nav-item >a:hover{background-color: transparent!important;}
    .nav-box .layui-nav-tree .layui-this >a{color: #0166FF!important;background-color: transparent!important;}
    .nav-box .layui-nav-tree .layui-nav-child dd.layui-this,.nav-box .layui-nav-tree .layui-this{background-color: transparent}
    .nav-box .layui-nav-tree .layui-nav-child dd.layui-this >a{color: #333333!important;}
    .nav-box .layui-nav-tree .layui-nav-itemed>.layui-nav-child{background-color: transparent!important;}
    .nav-box .layui-nav-tree .layui-nav-bar{display: none}

    .solution-box{height: auto;}
    .carousel-bg{background: none;}
    .carousel-bg img {width: 100%;left: 0;margin-left: 0;top: 0;margin-top: 0;}
    .h-w{display: none}
    .h-m{display: block}
    .sb-li>li{height: 200px;background-position: bottom 0 center;background-size: 130% auto}
    .px-li{margin-bottom: 30px}
    .jt-box>li{padding-left: 0;height: auto}
    .blue-content{position: relative}
    .blue-content>h1{font-size: 26px}
    .blue-box{width: 100%;height: auto;padding: 15px 15px 0 15px}
    .jt-box>li>img{display: block;width: auto!important;max-width: 80%!important;height: auto!important;max-height: 300px!important;margin: 0 auto!important;}
    .blue-box h1{font-size: 20px;}
    .blue-box h2{font-size: 14px;}
    .blue-box>div>li{padding-left: 63px;margin-bottom: 15px;}
    .blue-line{padding-bottom: 15px;}

    .news-new{padding-right: 0;height: 400px}
    .news-right{width: 100%;height: 180px;position: relative}
    .news-left h1{font-size: 18px;line-height: 18px;}
    .news-left p{font-size: 14px;line-height: 20px}
    .news-carousel .layui-carousel-ind{width: 100%;text-align: center;top: -95px;}
    .tf-table-card tbody tr{width: 48%}
    .qyry-title{font-size: 30px;line-height: 80px;margin-top: 20px!important;}
    /*#news .qyry-title{font-size: 30px;}*/
    .px-li >li{background-size: 60% auto;}
    .tf-table-card .layui-table-page .layui-laypage .layui-laypage-prev{margin-left: 8px!important;}
    .tf-table-card .layui-laypage-next{margin-right: 7px!important;}
    .about-box{padding: 100px 25px 0 25px;box-sizing: border-box;height: 360px;background-size:auto 100%;background-position: center top 0}
    .about-box h1{font-size: 30px}
    .about-box h2{font-size: 16px;line-height: 30px;}

    .about-company{padding: 20px 10px;}
    .about-company img{position: relative;top: 0;right: auto;width: 60%;margin: 0 auto;display: block;}
    .about-company h1{font-size: 20px;}
    .about-company h2{width: auto;text-align: left;margin-bottom: 10px;font-size: 12px;}
    .about-company p{font-size: 14px;line-height: 24px;}

    .total-jssj{text-align: left;margin: 0;}
    .total-jssj li{margin: 10px 0;width: 50%;float: left;padding-left: 30px;box-sizing: border-box;}
    .total-jssj h1 div{font-size: 34px;}
    .total-jssj h1 span{font-size: 14px;}

    .qyry-box li{width: 31.333333%;margin: 0 1% 30px 1%;height: 55px;}
    .ddb p{padding: 0 5px 6px 5px}
    .qyry-box p{font-size: 13px;}
    .qyry-box img{height: 30px}

    .gd-box{font-size: 14px;}

    .map-left{right: 0;}
    .map-left h1{font-size: 30px;line-height: 80px;padding-left: 10px;width: 95%;box-sizing: border-box;margin: 0 auto}
    .map-left ul{margin-left: 0;}
    .map-left h2{font-size: 16px;}
    .map-left h3{font-size: 14px;}
    .map-left h3 span{font-size: 20px;}
    .map-icon-box{margin-top: 0;margin-right: auto;margin-left: auto;float: none;}
    .map-left>ul{width: 100%;text-align: center;margin-left: -10px}
    .map-left>ul>li{margin:0 16px 10px 16px!important;display: inline-block;}
    .map{height: 300px;padding-top: 200px;}
    .footer{font-size: 14px;}
    .footer h1{font-size: 30px;line-height: 80px;padding-top: 10px;}
    .contact-1{margin-right: 0!important;}
    .contact-2{margin-top: 15px;}
    .contact-3{clear: both;float: left!important;margin-top: 15px;}
    .contact-margin{margin-right: 15px!important;}
    .contact-clear{clear: both}
    .footer-code{margin-top: 10px;}
    .line{margin-top: 30px}
    .line a{display: block;margin-top: -10px}
    .line span{display: block;margin: 5px 0;}

    .page-home .video-m{display: block}
    .page-home .video-web{display: none}
    .jt-li>li{margin-right: 10px}
    .fbsj{font-size: 18px;}
    .map-box{background-size: auto 100%;}
    .tf-visual-map .leaflet-popup-content{margin: 10px 2px;}
    .container-width-100{width: 100%}

    /*.nav-box{display: none}*/
    /*.layui-nav .layui-nav-item{display: block!important;}*/
    /*.layui-nav-child{position: relative;top: 0!important;}*/
}